@font-face {
  font-family: "iconfont";
  /* Project id 2839460 */
  src: url('//at.alicdn.com/t/c/font_2839460_zeqvtjt9i9.woff2?t=1666948089780') format('woff2'),
    url('//at.alicdn.com/t/c/font_2839460_zeqvtjt9i9.woff?t=1666948089780') format('woff'),
    url('//at.alicdn.com/t/c/font_2839460_zeqvtjt9i9.ttf?t=1666948089780') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-timer:before {
  content: "\e626";
}

.icon-right:before {
  content: "\e721";
}

.icon-tool_reset:before {
  content: "\e658";
}

.icon-playfill:before {
  content: "\e74f";
}

.icon-stop:before {
  content: "\e663";
}

.icon-stop1:before {
  content: "\e61c";
}

.icon-close-bold:before {
  content: "\e686";
}

.icon-wechat:before {
  content: "\e74c";
}

.icon-personnel:before {
  content: "\e644";
}

.icon-clock:before {
  content: "\e64d";
}

.icon-add-bold:before {
  content: "\e685";
}

.icon-date:before {
  content: "\e662";
}

.icon-flag:before {
  content: "\e6b6";
}

.icon-clock_in:before {
  content: "\e616";
}

.icon-todo-line:before {
  content: "\eac3";
}

.icon-colse:before {
  content: "\e622";
}

.icon-user:before {
  content: "\e7ae";
}

.icon-target:before {
  content: "\e62e";
}

.icon-theme-palette:before {
  content: "\e888";
}

.icon-about:before {
  content: "\e717";
}

.icon-delete:before {
  content: "\e7e7";
}

.icon-edit-fill:before {
  content: "\e86d";
}

.icon-add:before {
  content: "\e734";
}

.icon-index:before {
  content: "\e76c";
}




.focus-item {
  margin-bottom: 24rpx;
  --color0: rgb(251, 101, 41);
  display: flex;
  align-items: center;
  padding: 24rpx 32rpx;
  border-radius: 16rpx;
  box-shadow: 3px 4px 20px 0px rgba(144, 143, 143, 0.09);

  .icon-box {
    i {
      color: var(--color0);
      font-size: 48rpx;
    }
  }

  .time-box {
    flex: 1;
    margin-left: 32rpx;
    font-size: 28rpx;
    font-weight: bold;
  }

  .title-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    .title {
      font-size: 32rpx;
      color: #333;
      font-weight: bold;
    }
    .time{
      margin-top: 8rpx;
    }
  }
}